@()(implicit request: RequestHeader)

<style>

		.navbar-nav {
			margin-bottom: -60px;
		}

		.nav > li > a {
			font-size: 15px;
		}

</style>

<div class="page-header">
	<div class="banner">
		<div class="logo">
			<h1><span style="font-size: 30px"><span style="font-size: 30px"> SNP Database</span> </span>
				<font style="font-size: 23px">&nbsp;
				</font></h1>
		</div>
	</div>
	<nav class="navbar navbar-default">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#coll" aria-expanded="false">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
		</div>
		<div class="collapse navbar-collapse" id="coll">
			<ul class="nav navbar-nav">
				<li><a href="@routes.AppController.toIndex">Home</a></li>

				<li class="dropdown">
					<a href="#">SNP Data <span class="fa fa-caret-down"></span></a>
					<ul class="dropdown-menu">
						<li><a href="@routes.DataController.toIndex">Browse</a></li>
						<li><a href="@routes.DataController.browse">Browse by Nutrients</a></li>
					</ul>
				</li>

				<li><a href="@routes.AnnoController.toIndex">SNP Anno</a></li>

				<li><a href="@routes.GeneController.toIndex">SNP Gene</a></li>

				<li class="dropdown">
					<a href="#">Tools <span class="fa fa-caret-down"></span></a>
					<ul class="dropdown-menu">
						<li><a href="@routes.ToolsController.capsBefore">CAPS / KASP</a></li>
						<li><a href="@routes.ToolsController.searchBefore">Search</a></li>
					</ul>
				</li>

				<li><a href="#">About us</a></li>
				<li><a href="#">Contact us</a></li>

			</ul>
		</div>
			<!--/.nav-collapse -->
	</nav>
</div>
